const host = 'http://localhost:3000'

function butAdd(){
    console.log('新增页面');
    location.href='./addOrEdit.html'
}

function butFilter(){
    console.log('过滤');
    /*  1.获取请求的数据
        2.处理数据及业务逻辑（将数据插入数据库）
        3返回响应结果
     */             
        let keyword=$('input[name=keyword]').val()//拿到标签的值
        console.log(keyword);
        
        axios.get(`${host}/blogs?keyword=${keyword}`).then((res)=>{ //向后端发请求的方法
            //处理后端返回的响应
            //处理方法：清除所有的数据行，再将后端返回的数据形成一行一行插入到对应的dom节点
            
            $('tr[class^=blog]').remove();//在遍历循环外面先移除
            console.log(res);
            let blogs=res.data.data;
            
            blogs.forEach(item => {
                //移除完后插入数据
                let html = `
                        <tr class="blog${item.id}">
                                <td>${item.id}</td>
                                <td>${item.title}</td>
                                <td>${item.author}</td>
                                <td>
                                    <input type="button" value="编辑" onclick=btnEdit(${item.id})>
                                    <input type="button" value="删除" onclick=btnDel(${item.id})>
                                </td>
                            </tr>
                        `
            $('tbody').append(html)
                
            });
            

        }) 

}

function btnEdit(id){
    console.log('修改');
    location.href = './addOrEdit.html?id=' + id
    
}

function btnDel(id){
    console.log('删除');
    /**
     * 拿到数据
     * 向后端发请求
     * 处理后端返回的响应
     */

    if (confirm('确认删除吗？')) {
        axios.delete(`${host}/blogs/${id}`).then((res) => {

            let data = res.data;

            if (data.code === 1000) {

                let tr = document.querySelector(`.blog${id}`)

                tr.remove()
            } else {
    
                confirm(`${data.msg}`)
            }

        })
    }
}

    

function btnSave(){
    console.log('保存');
    /* 
        1.拿到数据
        2.带着数据发请求
        3.处理返回的响应
    */
        let id = new URLSearchParams(location.search).get('id') || 0
        
        let title = $('input[name=title]').val();
        let author = $('input[name=author]').val();
        // 数据检验工作是必须的
        title = title.trim()
        author = author.trim()


        if (id > 0) {
            // 第二步，请求修改
            axios.put(`${host}/blogs/${id}`, obj).then((res) => {
                // 处理返回的各应数据
                // console.log(res);
                if (res.data.code === 1000) {
                    location.href = './index.html'
                } else {
                    confirm(res.data.msg)
                }
    
    
            })
        } else {
            // 第二步，请求新增
            axios.post(`${host}/blogs`, obj).then((res) => {
                // 处理返回的各应数据
                // console.log(res);
                if (res.data.code === 1000) {
                    location.href = './index.html'
                } else {
                    confirm(res.data.msg)
                }
    
    
            })
        }
        
}

function butCancel(){
    console.log('取消');
    location.href = './index.html'
}


